<extend name="./Public/Home/master.html" />
<block name="title">
	<script>
		$(function(){
			area.init('area');
			//默认选中效果
			area.selected('河北','保定','易县');
		})
	</script>
	</div>
	<!--导航结束-->
	<div class="clear"></div>

	</div>
	<!--头部结束-->
	<!--中间开始-->
	<div class="body-center">
		<div class="center-content">
			<!--头部开始-->
			<div class="content-header">
				<p>收获地址  <span>温馨提示：为了保证您的权益，防止黄牛倒卖，订单进入正在配货状态将不能修改收货地址和发票信息！</span></p>
			</div>
			<!--头部结束-->
			<!--地址选择开始-->
			<div class="content-address">
				<div class="address_click">
					<foreach name="address" key="k" item="v">
						<div class="consignee-item">

							<span class="radio-img"></span>
							<label for="adress2" class="radio">
								<input type="radio" name="adress" id="adress2" class="radio-select" value=""/><span class="e-name">{$v['consignee']}</span>，<span class="city-particular">{$v['address']}</span>，<span class="codeNumber">{$v['mobile']}</span>
							</label>
							<input type="text" name="oid" hidden class="oid" value="{$v['oid']}">
							<span class="compile"><a class="copyreader" href="javascript:;">编辑</a></span>

						</div>
					</foreach>
				</div>
				<script>
					$(function () {
						$('.address_click').click(function () {

							var conten = $('input[name="adress"]:checked').parents('.radio').text();
							$.post("{:u('ajaxAddress')}",
									{conten:conten},
									function (res) {
//												 console.log(res);
										$('.m-city') .text(res.address);
										$('.m-name') .text(res.name);
										$('.m-number') .text(res.mobile);
									},'json');
						})

					})
				</script>


				<!--添加新地址-->

				<div class="consignee-item new-ress">
					<span class="radio-img"></span>
					<label for="adress3" class="radio"><input type="radio" name="adress" id="adress3" class="radio-select"  value=""/>使用新地址</label>
				</div>
				<!--添加地址框-->
				<div class="add-address new">
					<form action="{:u('Home/Order/newAddress')}" method="post">
						<div class="s-name">
							<h3 class="style"><b>*</b>收货人姓名</h3>
							<input type="text" class="public" name="name" id="name" placeholder="收货人姓名" value="" />
						</div>
						<div class="address-s">
							<h3 class="style"><b>*</b>地址</h3>

							<!--城市联动-->
							<select name="areal[]" id="area1"></select>
							<select name="areal[]" id="area2"></select>
							<select name="areal[]" id="area3"></select>
							<!--<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />-->
							<textarea name="particular" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>
						</div>

						<div class="postcode">
							<h3 class="style"><b>&nbsp;</b>邮政编码</h3>
							<input type="text" class="public" name="postcode" id="postcode" placeholder="6位邮政编码" value="" />
						</div>
						<div class="shouji">
							<h3 class="style"><b>*</b>手机号码 </h3>
							<input type="text" class="public" name="shouji" id="shouji" placeholder="11位手机号码" value="" />
						</div>
						<div class="btn-group">
							<input type="submit"  class="btn" id="btn-bao" value="保存"/>
							<a href="javascript:;" class="btn-qu btn">取消</a>
						</div>

					</form>
				</div>
				<!--添加地址按钮-->
				<a href="javascript:;" class="new-address"></a>
				<!--添加新地址结束-->
				<!--编辑开始-->
				<div class="add-address edit">
					<form action="{:u('Home/Order/editAddress')}" method="post">
						<input type="text" name="oid" hidden id="oid" value="">
						<div class="s-name">
							<h3 class="style"><b>*</b>收货人姓名</h3>
							<input type="text" class="public" name="name" id="name" placeholder="收货人姓名" value="" />
						</div>
						<div class="address-s">
							<h3 class="style"><b>*</b>地址</h3>

							<!--城市联动-->
							<!--<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />-->
							<textarea name="particular" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>
						</div>

						<div class="postcode">
							<h3 class="style"><b>&nbsp;</b>邮政编码</h3>
							<input type="text" class="public" name="postcode" id="postcode" placeholder="6位邮政编码" value="" />
						</div>
						<div class="shouji">
							<h3 class="style"><b>*</b>手机号码 </h3>
							<input type="text" class="public" name="shouji" id="shouji" placeholder="11位手机号码" value="" />
						</div>
						<div class="btn-group">
							<input type="submit"  class="btn" id="btn-bao" value="保存"/>
							<a href="javascript:;" class="btn-qu btn">取消</a>
						</div>

					</form>
				</div>
			</div>
			<!--地址选择结束-->


			<!--选项开始-->
			<div class="options">
				<div class="options-all">
					<div class="payment options-public">
						<h3>支付方式</h3>
					</div>
					<div class="consignee-item new-ress">
						<span class="radio-img pitchOn"></span>
						<label for="payment" class="radio w122"><input type="radio" name="payment" id="payment" class="radio-select"  value=""/>在线支付</label>
					</div>
				</div>
				<div class="options-all">
					<div class="distribution options-public">
						<h3>配送方式</h3>
					</div>
					<div class="consignee-item new-ress">
						<span class="radio-img pitchOn"></span>
						<label for="distribution" class="radio w122"><input type="radio" name="distribution" id="distribution" class="radio-select"  value=""/>免费配送</label>
					</div>
				</div>
				<div class="options-all invoice">
					<div class=" options-public">
						<h3>发票信息</h3>
					</div>
					<div class="box-all" style="overflow: hidden;">
						<div class="consignee-item new-ress left">
							<span class="radio-img pitchOn"></span>
							<label for="invoice" class="radio w122 no"><input type="radio" name="invoice" id="invoice" class="radio-select "  value=""/>不开发票</label>
						</div>
						<div class="consignee-item new-ress left">
							<span class="radio-img "></span>
							<label for="invoice1" class="radio w122 yes"><input type="radio" name="invoice" id="invoice1" class="radio-select "  value=""/>普通发票</label>

						</div>
					</div>
					<div class="con">
						<div class="text">发票内容：购买商品明细</div>
						<div class="text">发票抬头：请确认单位名称正确，以免因名称错误耽搁您的报销。</div>
						<div class="box-all" style="overflow: hidden; margin-top: 10px;">
							<a href="javascript:;" class="geren tongyong active">个人</a>
							<a href="javascript:;" class="danwei tongyong">单位</a>
						</div>
						<div class="danweiname" >
							<div class="text">单位名称：</div>
							<input type="text" name="danweiname" id="danweiname" value="" />
						</div>
					</div>
				</div>

			</div>
			<!--选项结束-->
			<div class="options-all  goods">
				<div class="qingdan options-public" style="border: none;">
					<h3>商品清单</h3>
				</div>
				<div class="goodsList">
					<div class="title">
						<ul>
							<li class="l1">商品名称</li>
							<li class="l2">商品规格</li>
							<li class="l2">单价</li>
							<li class="l3">数量</li>
							<li class="l4">合计</li>
						</ul>
					</div>
				</div>

				<div class="goods-cont">
					<ul>
						<foreach name="data['order']" key="k" item="v">
							<li style="padding: 13px;">
								<div class="gc1">
									<img src="__ROOT__/{$v['pic']}"/>
									<span>{$v['name']}</span>
								</div>
								<div class="gc2">
												<span>
													<foreach name="v['options']" key="kk" item="vv">
														{$vv}&nbsp;&nbsp;
													</foreach>
												</span>
								</div>
								<div class="gc2">
									¥
									<span>{$v['price']}</span>
								</div>
								<div class="gc3">
									X
									<span>{$v['num']}</span>
								</div>
								<div class="gc4">
									¥
									<span>{$v['total']}</span>
								</div>
							</li>
						</foreach>

					</ul>
				</div>

				<!--总计-->
				<div class="zongji">
					<ul>
						<li>
							共<span class="color">{$data['total_rows']}</span>件
						</li>
						<li>
							金额合计：<span>{$data['total']}</span>元
						</li>
						<li>
							优惠抵扣：<span>-0.00</span>元
						</li>
						<li>
							配送费：<span>0</span>元
						</li>
						<li style="margin-top: 15px;">
							<h3>应付总金额：<span class="color">{$data['total']}</span>元</h3>
						</li>
					</ul>
				</div>

				<!--确认地址-->
				<div class="mailTo">
					<p>寄送至：<span class="m-city">北京 北京市 朝阳区 </span></p>
					<p><span class="m-name">贾博雨</span> (收件人) <span class="m-number">15600266727</span> </p>
				</div>
				<div class="" style="overflow: hidden;">
					<a href="" class="liji">立即下单</a>
				</div>

			</div>


		</div>
	</div>

	<!--中间结束-->
</block>


